<template>
  <div>
    <h2>Collect</h2>
    <router-link to="/like">去喜欢</router-link>
    <input type="password" v-model="pass" placeholder="请输入密码" />
    <button @click="fn1">跳转到喜欢页</button>
    <button @click="$router.push('/like')">跳转到喜欢页</button>
    <hr>
    <button @click="fn2">params传参</button>
  </div>
</template>

<script>
export default {
  name: 'CollectPage',
  data () {
    return {
      pass: ''
    }
  },
  methods: {
    fn1 () {
      // if (this.pass === '123456') {
      //   // 跳转到喜欢页
      //   this.$router.push('/like')
      // }
      
      // 跳转用加r的，拿信息用不加r的
      // 跳转用$router，拿信息用$route
      // this.$router.push({
      //   path: '/like',
      //   query: {
      //     name: 'jack',
      //     age: 16
      //   }
      // })

      // 建议如果要传参，用name跳转
      this.$router.push({
        // 跳转到名字叫like的路由
        name: 'like',
        query: {
          name: 'jack',
          age: 16
        }
      })
    },

    fn2 () {

      // path的方式不支持params传参
      // 用name的方式支持params传参，而且也支持query传参
      this.$router.push({
        name: 'like',
        params: {
          name: 'rose',
          age: 15
        }
      })
    }
  }
}
</script>
